// 导入 Three.js 核心库
import * as THREE from "three";

// 创建平面几何体（PlaneGeometry）
// 参数1：平面宽度（X轴方向长度） → 100
// 参数2：平面高度（Y轴方向长度） → 100
// 参数3：宽度分段数（X轴方向分割成2段，生成2+1=3条竖线） → 2
// 参数4：高度分段数（Y轴方向分割成3段，生成3+1=4条横线） → 3
const geometry = new THREE.PlaneGeometry(100, 100, 2, 3); //PlaneGeometry 的第三、四个参数就是宽和高的分段数。

// 定义基础材质（MeshBasicMaterial：不受光照影响的基础材质）
// color：设置材质颜色为橙色（支持颜色字符串、十六进制等格式）
// wireframe：设为 true 时仅显示几何体的线框（网格线）
const material = new THREE.MeshBasicMaterial({
  color: new THREE.Color("orange"),
  wireframe: true,
});

// 创建网格对象（Mesh）：将几何体和材质组合为可渲染的3D对象
const mesh = new THREE.Mesh(geometry, material);

// 输出网格对象到控制台（调试用，可查看几何体、材质等详细属性）
console.log(mesh);

// 导出网格对象，供其他文件导入使用（如 index.js 中 import mesh from "./mesh2.js"）
export default mesh;
